.o_page {
	position: relative;
}
.o_container {
	max-width: 1680px;
}
.o_container_content {
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
.m_navName {
	padding-bottom: 50px;
}
.m_navName_inner {
	white-space: nowrap;
	font-size: 23px;
	letter-spacing: -3px;
	padding-bottom: 15px;
	display: inline-block;
	border-bottom: 1px solid #333333;
	font-family: Source Han Serif CN;
	color: #333333;
}
.head_navbar {
	justify-content: flex-end;
	padding: 32px 50px 57px 0;
	.content {
		.item {
			padding-left: 18px;
			font-size: 16px;
			font-family: Source Han Sans CN;
			color: #5b5b5b;
			white-space: nowrap;
			img {
				margin-top: -3px;
				display: inline-block;
				margin-right: 4px;
			}
		}
		.item_active {
			color: #bfbfbf;
		}
	}
}
@media screen and (min-width: 1280px) {
	.o_container_content {
		width: 950px;
	}
	.o_hero_area {
		padding-left: calc((100% + 440px - 1280px) * 0.5);
	}
}
@media print {
	.o_container_content {
		width: 950px;
	}
	.o_hero_area {
		padding-left: calc((100% + 440px - 1280px) * 0.5);
	}
}
@media screen and (min-width: 960px) {
	.o_container_inner {
		padding-left: 110px;
	}
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
	.o_container_content {
		padding-right: 110px;
		padding-left: 110px;
	}
	.o_hero_area {
		padding-left: 220px;
	}
}
@media screen and (max-width: 959px) {
	.o_container_inner {
		padding-left: 75px;
	}
	.o_container_content {
		padding-right: 18px;
	}
	.o_hero_area {
		padding-left: 75px;
	}
	.head_navbar {
		padding: 25px 18px 78px 0 !important;
		.content {
			.item {
				font-size: 0;
			}
		}
	}
}
@media screen and (min-width: 1680px) {
	.o_hero_area {
		padding-left: 420px;
	}
}
